<template>
  <div class="dashboard-container">
    <el-carousel indicator-position="outside" height="800px">
      <el-carousel-item v-for="item in list" :key="item.id">
        <div class="imgBox">
          <img :src="item.img" alt="">
        </div>
        <div class="text"><span style="color: red">{{ item.label }}：</span>{{ item.text }}</div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: 'Dashboard',
  data() {
    return {
      list: [
        {
          id: 1,
          label: '水质的重要性',
          img: require('@/assets/home/wq.jpg'),
          text: '种地先养地，养鱼先养水。水对于水产养殖非常重要，就如空气质量对于人体健康一样，水质的好坏直接决定了水产养殖的优劣，良好的水质是水产养殖成功的关键因素之一，直接影响养殖水生物的生长、健康和产量。水质差会导致水生物生长缓慢、易患病、死亡率增加，从而影响养殖效益。水质的好坏主要包括水体的透明度、溶解氧、氨氮、亚硝酸盐、硝酸盐、PH值、温度等因素。适宜的水质条件可以提高水生物的免疫力，减少疾病的发生，促进生长和繁殖。因此，水产养殖者需要定期监测水质，保持水质稳定，采取必要的措施来改善和维护水质，确保养殖的成功和可持续发展。'
        },
        {
          id: 2,
          label: '春天水质维护',
          img: require('@/assets/home/spring.jpg'),
          text: `1.及时调水：随着天气渐暖，温度回升，要不断加水，提高水位。长江中游地区高密度屯鱼池塘特别要保持好水位。春季海带、裙带菜等藻类正处于快速生长期，随着长度和宽度的不断增加，个体之间相互遮光和阻流现象越来越严重，因此必须及时调整水层。工厂化养殖春季升温期注意控制养殖池升温速率，检查源水一级或多级沙滤处理效果。海水网箱春季养殖应对海域水质环境进行取样调查，以决定是否继续在原海域进行养殖生产或根据调查结果调整网箱布局、确定养殖密度等。
                2.及时增氧：南方地区需要较早架设增氧机。长江中下游地区，特别是高密度屯鱼池塘，适时增氧尤其重要。北方地区高产池塘也应提早到四月份架设增氧机。
                3.及时施肥：有机肥料必须充分发酵和消毒。做到少施、匀施、勤施。晴天上午施肥好，不在阴天、雨天施肥。`,
          // img: require('')
        },
        {
          id: 3,
          label: '夏天水质维护',
          img: require('@/assets/home/summer.jpg'),
          text: `夏天是水产养殖中水质最容易波动的季节，高温会导致水体中氧气含量下降、氨氮积累增加，容易引发水质问题。以下是一些建议来维护水产养殖的水质：
  1.增加水体通气：夏季气温高，水中溶解氧含量容易下降，可以通过增加水体通气，安装增氧设备或使用水泵喷水等方式来提高水中氧气含量。
  2.控制投喂量：夏季水温高，水生物的新陈代谢增快，但消化吸收能力下降，容易造成过度投喂，导致水体污染。控制好投喂量，避免过度投喂，减少废料产生。
  3.定期清理废料：夏季水产养殖容易产生废料，如残饵、排泄物等，这些废料会降低水质，影响水生物健康。定期清理废料，保持水质清洁。
  4.监测水质参数：定期监测水体的溶解氧、氨氮、亚硝酸盐、硝酸盐等关键指标，及时发现水质异常，采取相应措施处理。
  5.避免过度密度：夏季水温高，水生物代谢增快，过度密度会导致水体富营养化，加重水质负担。合理控制养殖密度，避免过度密度养殖。
  通过以上措施，可以有效维护夏季水产养殖的水质，保障水生物的健康和养殖效益。`
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    height: 100%;
    padding: 30px;
    .imgBox {
      height: 576px;
      img {
        height: 576px;
        width: 100%;
        object-fit: contain;
      }
    }
    .text {
      padding: 10px;
      font-size: 20px;
    }
  }
}
</style>
